扩展插件的开发 ​

import { MxFun } from "mxdraw";

import { MxCADPluginBase, MxCADUI } from "mxcad";
import { MxFun } from "mxdraw";
class MxCADPlugin extends MxCADPluginBase {
  constructor() {
    super();
    // 修改项目初始化默认打开的mxweb文件
    this.openFile = "test3.mxweb";
  }
}
let mxcadUi: MxCADUI;
MxFun.on("mxcadApplicationStart", (mxcadUiImp: MxCADUI) => {
  mxcadUi = mxcadUiImp;
  mxcadUi.init(new MxCADPlugin());
});

import { App } from "vue";
const app = MxPluginContext.getApp();
app.use({
  install(app: App) {
    // vue3 插件
  },
});

import { MxFun } from "mxdraw";
import { MxCpp, McObjectId, MxPropertiesWindowCustomValueType } from "mxcad";
// 等待项目创建mxcad实例
MxFun.on("mxcadApplicationCreatedMxCADObject", (param) => {
  const { mxcad } = param;
  // 获取
  MxCpp.PropertiesWindow.onEvent_getProperties((id: McObjectId) => {
    let ent = id.getMcDbEntity();
    if (!ent) return [];
    let dn = ent.getxDataDouble("DN");
    let len = ent.getxDataDouble("LEN");
    let ret = [];

    if (dn.ret) {
      ret.push({
        sVarName: "DN",
        iVarType: MxPropertiesWindowCustomValueType.kDouble,
        val: dn.val,
        isOnlyRead: false,
      });
    }

    if (len.ret) {
      ret.push({
        sVarName: "LEN",
        iVarType: MxPropertiesWindowCustomValueType.kDouble,
        val: len.val,
        isOnlyRead: false,
      });
    }
    return ret;
  });
  // 设置
  MxCpp.PropertiesWindow.onEvent_setProperties((id: McObjectId, prop: any) => {
    let ent = id.getMcDbEntity();
    if (!ent) return;
    if (prop.sVarName == "DN") {
      ent.setxDataDouble("DN", prop.val);
    } else if (prop.sVarName == "LEN") {
      ent.setxDataDouble("LEN", prop.val);
    }
  });
});

const { setCommandFocus, isCommandFocus } = MxPluginContext.useFocus()
setCommandFocus(false) // 关闭命令行输入框用户键盘输入自动聚焦 true 则开启自动聚焦
// 当前是否自动聚焦
console.log(isCommandFocus.value)
// 设置自动聚焦的输入框
setInputEl(document.getElementById("inputEl")

MxPluginContext.getUiConfig().then((config) => {
  if (!config?.leftDrawerComponents?.includes("CodeEditor"))
    config?.leftDrawerComponents?.push("CodeEditor");
  const uiInfo = {
    icon: "class: iconfont daimabianji",
    prompt: "代码编辑",
    cmd: "Mx_CodeEditor",
  };
  if (!config.mTopButtonBarData) {
    config.mTopButtonBarData = [];
  }
  const isUI = config.mTopButtonBarData.some((info) => {
    return info.cmd === uiInfo.cmd && uiInfo.prompt === uiInfo.prompt;
  });
  if (!isUI) {
    config.mTopButtonBarData.push(uiInfo);
  }
});

export const isShow = ref(false);

import { defineAsyncComponent } from "vue";
import { isShow } from "./useComponent";

MxPluginContext.addDrawerComponent("Test_Component", {
  isShow: isShow,
  component: defineAsyncComponent(() => import("./index.vue")),
  width: 600,
  title: "hello world",
  cmd: [
    {
      cmd: "Mx_Open_Test_Component",
      call: async () => {
        isShow.value = !isShow.value;
      },
    },
  ],
});
MxPluginContext.getUiConfig().then((config) => {
  if (!config?.leftDrawerComponents?.includes("Test_Component")) {
    config?.leftDrawerComponents?.push("Test_Component");
  }
});

import { createVNode, render } from "vue";
import Index from "./index.vue";
const targetEl = document.querySelector("header div div");
const el = document.createElement("div");

targetEl.appendChild(el);
const vnode = createVNode(Index);
const app = MxPluginContext.getApp();
vnode.appContext = app._context;
render(vnode, el);

// dialog.isShow 默认是false
// 如果没有传入命令，则只能通过修改dialog.isShow或者调用showDialog来显示弹框
// 如果传入了命令，则调用命令会自动显示或关闭弹框
// 如果传入了第三个参数，则会自定义这个命令的实现
export const dialog = MxPluginContext.useDialogIsShow(
  false,
  "Mx_test_dialog",
  () => {
    dialog.showDialog(!dialog.isShow);
  }
);

import dialog from "./dialog.vue";
const el = document.createElement("div");
document.body.appendChild(el);
const vnode = createVNode(dialog);
const app = MxPluginContext.getApp();
vnode.appContext = app._context;
render(vnode, el);

// 弹框要显示的数据
type RevealData = { title: string };
// 弹框确认要传入的数据
type ConfirmData = { data: number };
// 弹框取消要传入的数据
type CancelData = { data: number };
export const dialog = MxPluginContext.useDialogIsShow<
  RevealData,
  ConfirmData,
  CancelData
>();

import DialogComponent from "./dialog.vue";
import { dialog } from "./dialog.ts";
const el = document.createElement("div");
document.body.appendChild(el);
const vnode = createVNode(DialogComponent);
const app = MxPluginContext.getApp();
vnode.appContext = app._context;
render(vnode, el);

// 显示弹框， 并传入显示数据
dialog
  .showDialog(true, { title: "测试标题显示" })
  .then(({ data, isCanceled }) => {
    // 需要等待cancel或者confirm调用才会触发
    if (isCanceled) {
      // 调用dialog.cancel({ data: 1 })取消
      console.log("弹框取消的数据", data.data === 1);
    } else {
      // 调用dialog.confirm({ data: 2 })取消
      console.log("弹框确认的数据", data.data === 2);
    }
  });
// 也可以直接传入显示数据 和 showDialog 的返回结果一致
dialog.reveal({ title: "reveal" }).then(({ data, isCanceled }) => {});

// 我们也可以通过监听确认或者取消事件得到数据
dialog.onConfirm((data) => {}), dialog.onCancel((data) => {});

// 任意ts或者vue文件中
import { t } from "./languages";
const text = t("你好");
console.log(text);

import { ref } from "vue";
import { i18nScope } from "./languages";
const activeLanguage = ref<string>();
i18nScope.on("change", (value) => {
  activeLanguage.value = value;
});
export const t = (message: string, ...args: any[]) => {
  activeLanguage.value;
  return i18nScope.t(message, ...args);
};